/*
  学习目标：点击事件, 同步count 到 title中
  语法： useEffect(() => { 会在数据变化时， 自动执行})
*/

//  1. 导入useEffect函数
import React, { useState, useEffect } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  //  2. 调用useEffect函数
  useEffect(() => {
    // 会在数据变化时， 自动执行
    console.log('count变化了  ----->  ', count);
    document.title = count;
  });

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  );
}
